﻿<%@ Page Language="VB" MasterPageFile="~/FSE_Master_Page.master" AutoEventWireup="false" CodeFile="cna.aspx.vb" Inherits="cna" title="FSE | Sign Up" %>

<asp:Content ContentPlaceHolderID=Body runat=server>
<asp:LinkButton TabIndex="13" runat="server" CssClass="cna2continuebuttonlinkclass" ID="cna2continuebuttonlink">test</asp:LinkButton>
<script>

    

    var selectedInput = null;

    // determine selectedInput
    $(function() {
        $('#cna2table input, textarea, select').focus(function() {
            selectedInput = this;
        });
      
    });

   

    //corner functions
    $('.buttondiv').corner('2px');



    //input box height and width functions
    $(document).ready(function(){

    //$(function() {
        var x = $('#cna2emailtd').width();
        var y = $('.cna2emailboxclass').height();
        $('#<%=cna2emailbox.clientid %>').css('width', x);
        $('#<%=cna2emailbox.clientid %>').css('margin', '1px 1px 1px 3px');
        $('.cna2usernameboxclass').css('width', x);
        $('.cna2passwordboxclass').css('width', x);
        $('.cna2confirmpasswordboxclass').css('width', x);
        $('.cna2fnameboxclass').css('width', x);
        $('.cna2_dropdown').css('width', x + 4);
        $('.cna2_dropdown').css('height', '24px');
        $('.cna2_dropdown1').css('width', x + 4);
        $('.cna2_dropdown1').css('height', '24px');
        $('#<%=cna2secondaryemail.clientid %>').css('width', x);
        $('#<%=cna2secondaryemail.clientid %>').css('margin', '1px 1px 1px 3px');
        $('.cna2secondaryemailboxclass').css('height', y);
        $('.cna2usernameboxclass').css('height', y);
        $('.cna2passwordboxclass').css('height', y);
        $('.cna2confirmpasswordboxclass').css('height', y);
        $('.cna2fnameboxclass').css('height', y);
        for (var i = 1; i < 4; i++) {
            $('.cna2_' + i).css('width', x);
            $('.cna2_' + i).css('height', y);
            $('.cna2_' + i).css('border', 'solid 1px gray');
            $('.cna2_' + i).css('margin', '1px 1px 1px 3px');
            $('.cna2_' + i).css('padding-left', '.1em');
            $('.cna2_' + i).corner('2px');

        }
    });

    $(document).ready(function() {
        //$('.cna2usernameboxclass').focus();
        $('input').css('border', 'clear');
        $('#<%=cna2usernamebox.clientid %>').focus();
            $(selectedInput).css('border', 'solid 2px #C7262E');
            $(selectedInput).css('margin', '0 0 0 2px');
    });
</script>


<asp:SqlDataSource id="cnaUniversityDBS" runat="server" selectcommand="SELECT [University Name] from [UniversityDetails]"
connectionstring="<%$ ConnectionStrings:FSEMembershipConnection %>"></asp:SqlDataSource>

<asp:SqlDataSource ID="cnaDepartmentDBS" runat="server" SelectCommand="SELECT [Department] from [departments]"
connectionstring="<%$ ConnectionStrings:FSEdepartmentsConnection %>"></asp:SqlDataSource>
<div id="cna2div" style="min-width:40;padding-bottom:2em;
    background-color:transparent; width:60em; border:none; margin:0 auto; position:relative;margin-top: 0;">
    
    </div>
<div id="cna2div" style="min-width:40;padding-bottom:1em;
    background-color:transparent; width:60em; border:none; margin:0 auto; position:relative;margin-top: 0;">

<table class="flushtable" style="border:none;">
<tr>
    <td style="padding:0px; margin:0px; width:25em;">
    
        <h2 style="color:#2D7825;margin-bottom:0px;">
        Sign up for FreeStudentExchange.com
        </h2>
    </td>
    <td id="statuslabelcell">
        <p id="usernameerror" style="display:none;">Username must be alphanumerical (i.e., No special characters allowed).</p>
        <p id="emailerror" style="display:none;">Please enter a valid email address.</p>
        <p id="confirmerror" style="display:none;">Password and password confirmation do not match.</p>
        <p id="emptyerror" style="display:none;">Please complete all required fields.</p>
        <p id="passworderror" style="display:none;">Password must be at least eight characters and have at least one number.</p>
        
        <asp:Label runat="server" ID="statuslabel" CssClass="statuslabelclass" 
        Visible="false" ForeColor="Red" Text="testing"></asp:Label>
        
    </td>
</tr>
</table>
<hr style="color:#E0E0E0;background-color:#e0e0e0;margin-bottom:1em;" />

<table class="flushtable" style="border:none;margin:0px;padding:0px;border-spacing:0px;background-color:Transparent;"><tr><td>

<table id="cna2table" class="flushtable" style="vertical-align:middle;margin-left:.5em;width:31em; border:none;background-color:transparent;">
<tr>
    <td class="labeltd">
        <p>Desired Username: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="2" ID="cna2usernamebox" 
        CssClass="cna2usernameboxclass" Text="" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3 class="cna2usernameboxclass_aster">&nbsp;*</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Password: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="3" ID="cna2passwordbox" Text="" CssClass="cna2passwordboxclass" 
        TextMode="Password" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3 class="cna2passwordboxclass_aster">&nbsp;*</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Re-enter password: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="4" ID="cna2confirmpasswordbox" Text="" CssClass="cna2confirmpasswordboxclass" 
        TextMode="Password" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3 class="cna2confirmpasswordboxclass_aster">&nbsp;*</h3>
    </td>
</tr>
<tr>
    <td colspan="3" style="padding-top:1em;">
        <h1 style="color:#2D7825;">Personal Information</h1>
        <hr />
    </td>
</tr>
<tr>
    <td class="labeltd">
    
        <p>First Name: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="5" ID="cna2fname" Text="" CssClass="cna2_1" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Last Name: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="6" ID="cna2lname" Text="" CssClass="cna2_1" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>University: </p>
    </td>
    <td class="inputtd">
        <asp:DropDownList runat="server" TabIndex="7" DataTextFormatString="&nbsp;{0}" 
        ID="cna2university" DataSourceID="cnaUniversityDBS" CssClass="cna2_dropdown1" BackColor="White"
        AppendDataBoundItems="true" DataValueField="University Name">
        <asp:ListItem Selected="True">Select a university</asp:ListItem>
        </asp:DropDownList>
        </td>
    <td class="astertd">
        <h3 class="cna2_dropdown1_aster">&nbsp;*</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p style="margin-bottom:1.9em;">University email: </p>
      
    </td>
    <td id="cna2emailtd" class="inputtd">
        <asp:TextBox runat="server" ID="cna2emailbox" TabIndex="8" Text="" CssClass="cna2emailboxclass" BorderColor="GRAY" BackColor="White"></asp:TextBox>
        <p style="margin-right:15px;">(To keep out the riffraff)</p>
    </td>
    <td class="astertd">
        <h3 class="cna2emailboxclass_aster">&nbsp;*</h3>
        <p>&nbsp;</p>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Major: </p>
    </td>
    <td class="inputtd">
        <asp:DropDownList runat="server" TabIndex="8" ID="cna2majorbox" CssClass="cna2_dropdown" DataSourceID="cnaDepartmentDBS"
         AppendDataBoundItems="true" DataValueField="Department">
         <asp:ListItem Selected="True" Value="-1" Text="Select a department"></asp:ListItem></asp:DropDownList>
        </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Minor: </p>
    </td>
    <td class="inputtd">
        <asp:DropDownList runat="server" TabIndex="8" ID="cna2minorbox" CssClass="cna2_dropdown" DataSourceID="cnaDepartmentDBS"
         AppendDataBoundItems="true" DataValueField="Department">
         <asp:ListItem Selected="True" Value="-1" Text="Select a department"></asp:ListItem></asp:DropDownList>
    </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>Secondary Email: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="9" ID="cna2secondaryemail" 
        CssClass="cna2secondaryemailboxclass" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3 class="cna2secondaryemailboxclass_aster">&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>City: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="10" ID="cna2citybox" Text="" CssClass="cna2_1" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>
<tr>
    <td class="labeltd">
        <p>State: </p>
    </td>
    <td class="inputtd">
        <asp:TextBox runat="server" TabIndex="11" ID="cna2statebox" Text="" CssClass="cna2_1" BorderColor="GRAY" BackColor="White"></asp:TextBox>
    </td>
    <td class="astertd">
        <h3>&nbsp;</h3>
    </td>
</tr>

</table>


<!--  SUB-TABLE 2; PARENTS: SUB TABLE 1 (CNA2TABLE), MAIN TABLE CONTAINER 1; THIS CONAINS THE CHECKBOXES -->


<table class="flushtable" id="cna2chckboxcontainer" style="border:none;vertical-align:middle;margin-left:.5em;width:31em; border:none;">
<tr>
    <td colspan="3" style="padding-top:0em;">
        <h1 style="color:#2D7825;">Privacy Settings</h1>
        <hr />
    </td>
</tr>
<tr>
    <td class="labeltd">
        <asp:CheckBox ID="cna2showemailcheckbox" TabIndex="12" runat="server" CssClass="aspcheckbox" Visible="true" />    
    </td>
    <td class="inputtd" style="padding-left:0px;">
        <h4>Allow users in forums to view your email.<br />(<i>FreeStudentExchange.com</i> classifieds will still hide your email)</h4>
    </td>
    <td class="astertd">
    </td>
</tr>
</table><br />
<table id="cna2buttoncontainer" class="flushtable" style="border:none;vertical-align:middle;margin-left:.5em;width:31em; border:none;margin-bottom:0px;">
<tr>

    <td class="labeltd" style="width:19.7em; padding-right:.2em;">
        <div class="normalcontainer" style="margin-left:.1em;margin-top:0em;">
        <h4>By clicking <i>continue</i>,<br /> you agree to our <a href="terms.aspx">Terms and Conditions</a>.</h4>
        </div>
    </td>
    <td class="inputtd" style="width:6.3em;">
       
        <div class="buttondiv" onclick="javascript:miscbutton_link('ctl00$Body$cna2continuebuttonlink')" id="cna2continuebutton" 
        style="float:left;margin:0;width:5em; height:1.2em;padding:.3em 1.4em .2em 0px;">

            <p id="cna2continuetext" style="margin:0px;margin-left:0px;padding:0px;">Continue</p>
  
        </div>
    </td>
</tr>
</table>
</td><td style="vertical-align:top;">
<div class="normaldiv" style="width:21em;border:solid 1px gray;">
<h1>Why do you need my personal information?</h1>
<hr />
<p>We don't! All personal information (with the exception of your university email) is optional, and is used 
only for forum threads and member profiles. When buying and selling items on Freestudentexchange, users' personal information 
is hidden until the seller decides to disclose additional information and complete the exchange.</p>
</div>
<br />

<div class="normaldiv" id="privPolicy" style="width:21em;background-color:#EDB79D;">
<h1 style="color:#E32D30;">Privacy Policy</h1>
<hr style="border-color:#5C3B2A;color:#5C3B2A;" />
<p style="color:#542A2B;">We at FreeStudentExchange.com recognize the growing concern for a certain lack of internet anonymity.
That is why we want to assure you that there is nothing we consider more important than your privacy and trust.
</p><span style="font-size:.7em;margin-left:1.6em;margin-bottom:.5em;position:relative;top:.1em;">*Although your money is a close third.</span>
</div>
</td></tr></table>
</div>
</asp:Content>